let path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
	//入口
	entry: {
		//可以有一个或多个入口，如果只有一个默认从这个入口开始解析
		"main": "./src/main.js"
	},
	output: {
		path: path.resolve('./dist'),//相对转绝对路径
		filename: './build.js'
	},
	watch: false,
	//声明模块 包含各个loader
	module: {
		loaders: [
			//处理css的loader
			{
				//遇到.css文件webpack先用css-loader加载器解析，然后用style-loader生成一个内容为最终解释完的css的style标签当道head标签中
				test: /\.css$/,
				loader: 'style-loader!css-loader'
			},
			//处理图片的loader
			{
				//对于图片大小小于limit值的图片编译后转换成base64编码显示，大于limit值的图片编译后生成一个临时图片副本
				test: /\.(jpg|jpeg|png|gif|svg)$/,
				//url-loader依赖于file-loader都需要安装
				loader: 'url-loader?limit=10000'//当前图片大小为12800字节，大于limit的值
			},
			//处理less的loader
			{
				//less-loader依赖于less模块
				test: /\.less$/,
				loader: 'style-loader!css-loader!less-loader'
			},
			//处理es6 7 8
			{
				test: /\.js$/,
				loader: 'babel-loader',
				exclude: /node_modules/,//忽略文件夹
				options: {
					presets: ['env'],//处理关键字
					plugins: ['transform-runtime'],//处理函数
				}
			},
			//处理vue文件  vue-loader依赖template-compiler
			{
				test: /\.vue$/,
				loader: 'vue-loader',
				
			},
			
		]
	},
	plugins: [
		//插件集合
		new HtmlWebpackPlugin({
			template: './src/index.html'//参照src下index.html文件输出到dist文件夹下输出index.html
		})
	]
	
}
